<!DOCTYPE html>
<html>
<head>
    <title>Gallery</title>
    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/logger.js"></script>
    <script type="text/javascript" src="js/lib/underscore.js"></script>
    <script type="text/javascript" src="js/templates.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

    <link rel="stylesheet" href="style/stylesheet.css">
</head>
<body>
    <div class="main">
        <div id="header"></div>

        <hr/>

        <table>
            <tbody>
                <tr>
                    <td id="g_navigation"></td>
                    <td id="gallery"></td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="maxImg" onclick="Site.hideImage()">

    </div>

    <script type="text/javascript">
        window.onload = function() {
            Site.loadTemplate("div#header", t_header);
            Site.loadGallery("td#g_navigation", "td#gallery");

            logger.debug("Document loaded");
        }
    </script>
</body>
</html>